<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程列表</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script src="/ztree/js/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" href="/css/course/course-list.css"/>
    <style>
        .layui-table-cell{
            height: inherit;
            line-height: 20px;
        }
        .l{
            float: left;
        }
        .r{
            float: right;
        }
    </style>
</head>
<body style="background-color: #F9F9F9">

<!--title-->
<div style="margin-left: 20px;width: 93%;height: 50px;padding-top: 10px;background-color: #F1F1F1">
    <div>
        <div style="height: 30px; width: 5px;background-color:#009688 " class="l"></div>
        <h3 class="l" style="margin-top: 5px;margin-left: 5px">课程列表</h3>
        <div class="r" style="margin-right: 20px">
            <button type="button" class="layui-btn" onclick="refresh()">刷新</button>
            <button type="button" class="layui-btn" onclick="backOff()">返回</button>
        </div>
    </div>
</div>

<!--检索-->
<div style="margin-left: 20px;width: 93%; height: 50px;margin-top: 20px;border: #F1F1F1 1px solid">
    <div style="padding-top: 5px;margin-bottom: 10px">
        <div class="l" style="margin-top: 10px;margin-left: 10px">
            <i class="layui-icon">&#xe615;</i>
            筛选查询
        </div>
        <div class="r" style="margin-right: 20px">
            <button class="layui-btn" onclick="advancedRetrieval()">高级检索</button>
        </div>
    </div>
</div>
<div style="margin-left: 20px;width: 93%;height: 50px;padding-top: 10px;border: #F1F1F1 1px solid">
    <form class="layui-form">

        <div class="layui-form-item l">

            <label class="layui-form-label">输入搜索：</label>
            <div class="layui-input-inline" style="width: 160px" >
                <input type="text" name="courseName" placeholder="请输入课程名称" class="layui-input">
            </div>

            <label class="layui-form-label">课程分类：</label>
            <div class="layui-input-inline" style="width: 160px" >
                <select name="name" lay-verify="required">
                    <option></option>
                    <option>java</option>
                    <option>spring</option>
                </select>
            </div>

            <label class="layui-form-label">上传人员：</label>
            <div class="layui-input-inline" style="width: 160px">
                <select name="trueName" lay-verify="required">
                    <option value=""></option>
                    <option>lhy</option>
                    <option>笑笑</option>
                    <option>羊羊</option>
                    <option>dage</option>
                    <option>zzq</option>
                    <option>爱河</option>
                </select>
            </div>

        </div>

        <div class="r" style="margin-right: 20px">
            <button type="button" class="layui-btn" onclick="search()">搜索</button>
            <button type="button" class="layui-btn layui-btn-warm" onclick="reset()">重置</button>
        </div>

    </form>
</div>
<!--body-->
<div class=" layui-row" style="margin-left: 20px;width: 93%;margin-top: 20px;min-width:1207px;">
        <!--选择分类类型-->
        <div class="layui-col-md2">
            <ul id="zTreeDemo" class="ztree"></ul>
        </div>
        <div id="toolutil" style="display: none;">
                <span>
                    <i class="layui-icon layui-icon-align-left"></i>
                    数据列表
                </span>
                <span class="btnRight" style="float: right">
                    <button onclick="addCourse()" type="button" class="layui-btn layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-upload-circle"></i>
                        添加
                    </button>
                    <button id="excel2" onclick="excel()"  type="button" class="layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-add-1"></i>
                        导入
                    </button>
                </span>
        </div>
        <!--商品表格-->
        <div class="layui-col-md10">
            <table id="table" lay-filter="test"></table>
        </div>
    </div>
</div>
<input type="hidden" id="parentId">
<div id="rMenu">
    <a href="javascript:newNode()" id="newNode"><i class="layui-icon">&#xe624;</i>添加</a><br>
    <a href="javascript:editNode()" id="editNode"><i class="layui-icon">&#xe642;</i>编辑</a><br>
    <a href="javascript:delNode()" id="delNode"><i class="layui-icon">&#xe640;</i>删除</a>
    <input type="hidden" name="nodeId">
    <input type="hidden" name="NodeParentId">
</div>
<!-- 拖拽上传 -->
<div class="layui-upload-drag" id="test10" style="display:none;width:280px;height:150px; text-align:center;">
    <br/><br/>
    <i class="layui-icon"></i>
    <p>点击上传，或将文件拖拽到此处</p>
</div>
</body>
<script src="/js/course/course-list.js"></script>
</html>